#navbar-iframe {height : 0;visibility : hidden;display : none;}
body {background:linear-gradient(163deg, transparent 0px, transparent 1px, #222 1px, #222 14px, transparent 14px),
    linear-gradient(161deg, transparent 0px, #181818 1px, #222 2px, #222 15px, transparent 15px),
    linear-gradient(343deg, transparent 0px, transparent 1px, #222 1px, #222 14px, transparent 14px),
    linear-gradient(343deg, transparent 0px, transparent 1px, #222 1px, #222 14px, transparent 14px);
  background-color: #121212;
  background-position: 2px 1px, 23px 16px,48px 15px, 21px 30px;
  background-size: 48px 30px;font-size : 75%;color : #000;font-family : Georgia, "Times New Roman", Times, serif;fontsize-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : normal;
line-height : normal;margin : 0;text-align : center;}
h1, h2, h3, h6 {font-weight : normal;color : #111;}
h1 {font-size : 2em;line-height : 1;margin-bottom : 0.5em;}
h2 {font-size : 1.5em;margin-bottom : 0.75em;}
h3 {font-size : 1.4em;line-height : 1;margin-bottom : 1em;}
h4 {font-size : 1.2em;line-height : 1.25;margin-bottom : 1.25em;font-weight : 700;}
h5 {font-size : 1em;font-weight : 700;margin-bottom : 1.5em;}
h6 {font-size : 1em;}
p {margin : 0 0 1.5em;}
abbr, acronym {border-bottom : 1px dotted #666;}
address {margin : 0 0 1.5em;font-style : italic;}
pre {margin : 1.5em 0;white-space : pre;}
pre, code, tt {font : 1em 'andale mono', 'lucida console', monospace;line-height : 1.5;}
li ul, li ol {margin : 0;}
ul, ol {margin : 0 1.5em 1.5em 0;padding-left : 1.5em;}
ul {list-style-type : disc;}
ol {list-style-type : decimal;}
a, a:link {color : #007acc;text-decoration : none;}
a:visited {color : #27ae60;text-decoration : none;}
a:hover {color : #5588aa;text-decoration : underline;}
a img {border-width : 0;}

/* KEPALA */
#header-wpr {color : #111;background : #333;margin : 0 auto 0;padding-top : 0;overflow : hidden;height : 100px;width : 960px;}
#header-inner {background-position : center center;margin-left : auto;margin-right : auto;}
#header, .title2 {color : #000;text-align:center;}
#header h1, .title2 {color: #2ecc71;
    text-shadow: 0 0 2px #686868, 0 1px 1px #DDDDDD, 0 2px 1px #D6D6D6, 0 3px 1px #CCCCCC, 0 4px 1px #C5C5C5, 0 5px 1px #C1C1C1, 0 6px 1px #BBBBBB, 0 7px 1px #777777, 0 8px 3px rgba(100, 100, 100, 0.4), 0 9px 5px rgba(100, 100, 100, 0.098), 0 10px 7px rgba(100, 100, 100, 0.15), 0 11px 9px rgba(100, 100, 100, 0.2), 0 12px 11px rgba(100, 100, 100, 0.247), 0 13px 15px rgba(100, 100, 100, 0.298);
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 40px;
font-size-adjust : none;
font-stretch : normal;
font-style : normal;
font-variant : normal;
font-weight : 700;
letter-spacing : -1px;
line-height : normal;
margin : 5px 5px 0;
padding : 10px 10px 3px 0;
text-transform : none;}
#header a, .title2 a {color : #000;text-decoration : none;}
#header a:hover, .title2 a:hover {color : #2ecc71;}
#headerlogo {float : left;display : inline;width : 950px;overflow : hidden;}
#header .description {color : #ecf0f1;font-family : Arial, Helvetica, Sans-serif;font-style : italic;text-align:center;font-weight : normal;letter-spacing : 0;line-height : normal;margin : 0 5px 5px;max-width : 950px;padding : 0 20px 15px 0;text-transform : none;}
#header img {margin-left : auto;margin-right : auto;}


#outer-wrapper {background : none 0% 0% repeat scroll #333;
border : 5px double #7f8c8d;border-radius: 5px;box-shadow: -1px -1px 10px 2px #fff;font-family : Georgia, "Times New Roman", Times, serif;font-size : 12px;font-size-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : normal;line-height : normal;margin : 0 auto;padding : 0 10px 10px 10px;text-align : justify;width : 960px;}
#main-wpr {float : left;background : #fff;border: 1px solid rgb(51, 51, 51);box-shadow: 0px 0px 3px blackinset;color: black;margin : 0;overflow : hidden;width : 608px;padding-top : 15px;padding-right : 10px;padding-left : 10px;}
#custom-box {border : #ddd solid 1px;background : #f9f8f1;color : #111;width : 95%;float : left;font-family : Arial, Helvetica, Sans-serif;font-size : 12px;padding : 10px;margin : 10px 0 10px 0;border-radius : 10px;text-align : left;}


#sidebar-wrapper {border-left : 1px;border-bottom : 1px solid #ddd;background : #ddd;border: 1px solid rgb(51, 51, 51);box-shadow: 0px 0px 3px black inset;color: black;width : 300px;
float : right;padding : 10px;}
.sidebar h2 {color:white; background-color:#333; border-bottom:3px solid #2ecc71; padding:7px 5px; font-size:85%;font-weight:normal; position:relative;font-style : bold;font-size-adjust : none;font-stretch : normal;font-variant : normal;letter-spacing : 0;line-height : 1.5em;margin-bottom : 7px;margin-top : 2px;text-transform : uppercase;text-decoration : none;}


.post { background: #fff;border: 0px solid #1C1C1C; border-radius: 2px;box-shadow: -1px -1px 6px 2px #333;
margin:0.2em auto 0.2em;padding:7px;}
.post-title {color : #1C3B29;font-size : 20px;font-weight : normal;margin : 0;padding : 0 0 5px;background-color: #BFBFBF; border-bottom : 3px double #e6e4e3;}
.post-title a, .post-title a:visited, .post-title strong {color : #1C3B29;display : block;padding-left:5px;font-weight : normal;text-decoration : none;}
.post-title strong, .post-title a:hover {color : #3498db;}
.post-body {line-height : 1.6em;padding-top : 1px;padding: 5px;margin : 0 0 0.75em;}
.post-body blockquote {line-height : 1.3em;}
.post-body blockquote {margin:20px;padding: 15px 15px 15px 15px;color:#666;border-left:6px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;}blockquote:hover{transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-color:#2ecc71;background:#C4F3D7;-moz-box-shadow:0px 1px 5px #000000;-webkit-box-shadow:0px 1px 5px #000000;}
.post-body blockquote p {margin : 0.75em 0;}
.post-header {margin : 0.75em 0 0.75em 0;padding : 5px;color : #bebebe;letter-spacing : 0.1em;line-height : 1.7em;display : block;}
.post-header a {color : #bebebe;}
.miring {font-style : italic;}

.jump-link {margin : 0;padding-top : 10px;font-style : italic;font-size : 11px;float : left;}
.post-footer {border : 0;color : #999;font-style : normal;letter-spacing : 0;margin : 0.3em 0;padding : 10px;text-transform : none;}
.post img {border : 0;padding : 2px;}


/* Mengatur lebar kotak pesan */
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}

/* Pagination */
#blog-pager-newer-link {float : left;}
#blog-pager-older-link {float : right;}
#blog-pager {text-align : center;}
.feed-links {clear : both;line-height : 2.5em;}


/* SIDEBAR */
.sidebar {color : #111;font-size : 14px;line-height : 1.5em;}
.sidebar ul {list-style-image : none;list-style-position : outside;list-style-type : none;margin : 0;padding : 0;}
.sidebar li {background : transparent;line-height : 1.5em;margin : 0;padding : 0 0 0.25em 10px;}
.sidebar .widget, .main .widget {margin : 0 0 1.5em;}
.main .Blog {border-bottom-width : 0;}
.profile-img {border : #ccc solid 1px;float : left;margin : 0 5px 5px 0;padding : 4px;}
.profile-data {color : #999;font-size : 78%;font-size-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : bold;letter-spacing : 0.1em;line-height : 1.6em;margin : 0;text-transform : uppercase;}
.profile-datablock {margin : 0.5em 0;}
.profile-textblock {line-height : 1.6em;margin : 0.5em 0;}
.profile-link {font-size : 78%;font-size-adjust : none;font-stretch : normal;font-style : normal;font-variant : normal;font-weight : normal;letter-spacing : 0.1em;line-height : normal;text-transform : uppercase;}
#content-wpr {margin : 0 auto 10px;overflow : hidden;padding : 0;width : 960px;}
#comments {font-family : Georgia, Times New Roman;}


/* Breadcrumb */
.breadcrumbs {background-color: #BFBFBF; color : #333;border-radius: 2px;box-shadow: -1px -1px 5px 2px #333;padding : 5px;margin : 0 0 15px 0;font-size : 11px;line-height : 1.4em;border-bottom : 3px double #e6e4e3;}
.breadcrumbs li {list-style-type : none;}


/* Navigation */
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);

#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }
#cssmenu {
  background: #000;
  border-bottom: 4px solid #27ae60;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px; 
}

  #cssmenu > ul { *display: inline-block; }

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both; 
}
#cssmenu a {
    background: #000;
    color: #CBCBCB;
    padding: 0 20px; 
}
#cssmenu ul { text-transform: uppercase; }

    #cssmenu ul ul {
      border-top: 4px solid #27ae60;
      text-transform: none;
      min-width: 190px; 
}
      #cssmenu ul ul a {
        background: #27ae60;
        color: #FFF;
        border: 1px solid #2ecc71;
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px; 
}
      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li { position: relative }
#cssmenu > ul > li > a { line-height: 48px;  }

#cssmenu ul ul li:first-child > a { border-top: 1px solid #2ecc71; }
        #cssmenu ul ul li:hover > a { background: #2ecc71; }

        #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 1px 0 #2ecc71; 
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu ul ul li.has-sub > a:after {
          content: '+';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px;
 }
    #cssmenu ul li:hover > a, #cssmenu ul li.active > a {
      background: #27ae60;
      color: #FFF;
 }
    #cssmenu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px; 
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0; 
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
 }


/* No Live Link */
#comments p a {
display: none !important; }

/* Footer */
#footer {padding : 10px 0;text-align : center;color : #fff;font-size : 10px;background : #000;border: 1px solid rgb(51, 51, 51); box-shadow: 0px 0px 3px black inset;color: white;border-top : 4px solid #2ecc71;clear : both;}
#footer a {color : #2ecc71;}
#footer a:hover {text-decoration : none;color : #f1c40f;}
#credits {color : #a3adb4;font-size : 12px;text-align : center;padding : 5px;}
#credits a {color : #a3adb4;text-decoration : none;}
.footer-column {padding : 4px 10px;}